﻿@import "../../common/vars.css";

.msg-type {
    /*border: solid 1px lightgrey;*/
    border-radius: 3px;
    height: 36px;
    display: flex;
    align-items: stretch;
    background-color: white;
}
.active-type {
    border: solid 1px var(--primary-bg-clr);
}
.msg-img-box {
    padding: 0px 5px 0px 5px;
    display: flex;
    align-items: center;
}
.msg-img {
    height: 30px;
}
.msg-text-box {
    font: normal 24px 楷体,'Times New Roman', Times, serif;
    display: flex;
    align-items: center;
    padding: 0px 5px;
}
.active-text {
    background-color: var(--primary-bg-clr);
    color: white;
}
.type-selector {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.type-panel-checked {
    background-color: var(--primary-bg-clr);
}

.disbled-msg {
    opacity: .3;
}